<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东购物车</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>


    <div class="wrapper">


        <header class="clearfix">

            <img src="img/jdlogo-201708-@1x.png" alt="" class="img">
            <h3 class="h3">购物车</h3>

        </header>

        <main>

            <div class="top">

                <h4>
                    <span>全部商品5</span>
                </h4>

            </div>

            <div class="top1">

                <ul class="ul clearfix">
                    <li class="li1">商品</li>
                    <li class="li2">名称</li>
                    <li class="li3">单价</li>
                    <li class="li4">数量</li>
                    <li class="li5">小计</li>
                    <li class="li6">操作</li>
                </ul>

            </div>

            <ul class="ul5" id="ul">
                <li>
                    <div class="top2">
                        <div class="wn clearfix">
                            <img src="img/ni1.jpg" alt="" class="img1">
                            <div class="wn1">
                                <img src="img/ni3.jpg" alt="">
                                <span>美伦达 赣南脐橙</span>
                                <span class="span1">颜色：赣南脐橙铂金果3斤装</span>
                                <p>2017新上市 3斤装 铂金果</p>
                            </div>
                            <!--单价-->
                            <span class="span2">￥
                                <span>25.80</span>
                            </span>
                            <div class="wn2">
                                <input value="1" type="text" class="input" placeholder="">
                                <span class="span3">有货</span>
                            </div>
                            <div class="k">
                                <span class="span11">￥25.80</span>
                                <span class="span22">删除</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="top2">
                        <div class="wn clearfix">
                            <img src="img/ni4.jpg" alt="" class="img1">
                            <div class="wn1">
                                <img src="img/ni3.jpg" alt="">
                                <span>Camposol 秘鲁进口精选蓝</span>
                                <span class="span1">颜色：秘鲁蓝莓 4盒装</span>
                                <p>莓 4盒装 单盒约125g 新鲜水果</p>
                            </div>
                            <!--单价-->
                            <span class="span2">￥
                                <span>46.90</span>
                            </span>
                            <div class="wn2">
                                <input value="1" type="text" class="input" placeholder="">
                                <span class="span3">有货</span>
                            </div>
                            <div class="k">
                                <span class="span11">￥46.90</span>
                                <span class="span22">删除</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="top2">
                        <div class="wn clearfix">
                            <img src="img/ni5.jpg" alt="" class="img1">
                            <div class="wn1">
                                <img src="img/ni3.jpg" alt="">
                                <span>欢乐果园 广西青皮芒果 2个</span>
                                <span class="span1">颜色：青皮芒 2粒 尝鲜装</span>
                                <p>装 单果约260g以上 新鲜水果</p>
                            </div>
                            <!--单价-->
                            <span class="span2">￥
                                <span>10.90</span>
                            </span>
                            <div class="wn2">
                                <input value="1" type="text" class="input" placeholder="">
                                <span class="span3">有货</span>
                            </div>
                            <div class="k">
                                <span class="span11">￥10.90</span>
                                <span class="span22">删除</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="top2">
                        <div class="wn clearfix">
                            <img src="img/ni6.jpg" alt="" class="img1">
                            <div class="wn1">
                                <img src="img/ni3.jpg" alt="">
                                <span>爱奇果 新疆库尔勒香梨 约</span>
                                <span class="span1">颜色：2.5kg单果约120-150g</span>
                                <p>2.5kg 当季新果 特级装 单果约120-</p>
                            </div>
                            <!--单价-->
                            <span class="span2">￥
                                <span>39.90</span>
                            </span>
                            <div class="wn2">
                                <input value="1" type="text" class="input" placeholder="">
                                <span class="span3">有货</span>
                            </div>
                            <div class="k">
                                <span class="span11">￥39.90</span>
                                <span class="span22">删除</span>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="top2">
                        <div class="wn clearfix">
                            <img src="img/ni7.jpg" alt="" class="img1">
                            <div class="wn1">

                                <span>宏辉果蔬 苹果 烟台红富士</span>
                                <span class="span1">颜色：12粒75mm红富士</span>
                                <p>12个 单过约75mm 总重约2.1kg 新鲜</p>
                            </div>
                            <!--单价-->
                            <span class="span2">￥
                                <span>34.90</span>
                            </span>
                            <div class="wn2">
                                <input value="1" type="text" class="input" placeholder="">
                                <span class="span3">有货</span>
                            </div>
                            <div class="k">
                                <span class="span11">￥34.90</span>
                                <span class="span22">删除</span>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>

        </main>

        <footer>

            <p>
                <span class="span99">总价：</span>
                <span id="span9"></span>
            </p>

        </footer>


    </div>


<script src="js/script.js"></script>
</body>
</html>